<script setup>
import {ref} from "vue"
const list = ref([
  {
    title: '调拨执行',
    value: '小李'
  },
  {
    title: '备注信息',
    value: '多要几瓶'
  }
])
</script>

<template>
  <div class="w-full padding backgroundColor roundCorner">
    <div class="elasticity">
      <div class="fontSize1">RK103</div>
      <div class="fontSize2">2054-05-02 14:51</div>
    </div>
    <van-divider />
    <div class="marginTop elasticity">
      <div class="text-center overflow-hidden w-[70px]">
        <div class="font-bold text-ellipsis whitespace-nowrap overflow-hidden">总部仓库</div>
        <div class="fontSize2">发货地</div>
      </div>
      <div class="w-[calc(100%-140px)]">
        <van-divider
            dashed
            :style="{ color: '#1989fa', borderColor: '#1989fa', padding: '0 10px' }"
        >
          <div class="text-center items-center text-[12px] w-[24px] rounded-[50%] text-[#ffffff] bg-[#1ecd84]">至</div>
        </van-divider>
      </div>
      <div class="text-center overflow-hidden w-[70px]">
        <div class="font-bold text-ellipsis whitespace-nowrap overflow-hidden">哈哈科技</div>
        <div class="fontSize2">收货单位</div>
      </div>
    </div>
    <div class="marginTop">
      <van-card
          num="2"
          price="2.00"
          desc="描述信息"
          title="商品标题"
          thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg"
          centered="true"
      />

    </div>
    <div class="marginTop">
      <van-cell-group>
        <van-cell v-for="(item, index) in list" :key="index" :title="item.title" :value="item.value" />
      </van-cell-group>
    </div>
  </div>
</template>

<style scoped>

</style>